{include file="public/header" /}
<style>
  body {
    background: #e1e0de;
  }
  * {
    box-sizing: border-box;
  }
  h1,
  h2,
  h3,
  h4 {
    font-weight: 700 !important;
  }
  .layui-card-header {
    width: 100%;
    border-bottom: 1px solid #999 !important;
    padding-left: 5px;
  }
  .layui-card {
    padding: 10px 20px 50px;
  }
  /*p {*/
  /*  margin: 0 0 10px !important;*/
  /*}*/
  .layui-container {
    padding: 0 !important;
  }
  img {
    max-width: 100%;
  }
  ::-moz-selection {
    background: #cccccc;
    color: #ffffff;
  }
  ::selection {
    background: #cccccc;
    color: #ffffff;
  }
  .layui-breadcrumb {
    padding-left: 5px;
  }
  .layui-card h1 {
    margin: 10px auto 0;
  }
  .description {
    font-size: 15px;
    font-weight: bold;
    margin: 20px 0;
  }

  .layui-textarea {
    resize: none !important;
  }

  @media screen and (max-width: 800px) {
    .layui-card-header {
      line-height: normal !important;
      font-size: 10px !important;
    }
  }


  .layui-card-body{
    padding: 10px 5px;
  }

  .date{ font-style:italic;color:black;}
  .archives-ul{
    max-height: 220px;
    overflow-y: auto;
  }
  .archives-ul::-webkit-scrollbar{
    width: 5px;
    border-radius: 0px;
    background-color: #D3D4D8;
  }
  .archives-ul::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 0px;
    background-color: #006DB8;
  }
  .date{overflow: hidden}
  .content-left{
    width:25%;padding: 10px 10px;float: right;
  }
  .content-right{
    width:75%;padding: 10px 10px;float: left;
  }
  @media screen and (max-width: 760px)  {
    .archives-ul{
      max-height: 100px;
      overflow-y: auto;
    }
    .layui-card-phone{
      max-height: 320rem;
    }
    .blog{
      height: 20.0rem !important;
      overflow: hidden;
    }
    .content-left,.content-right{
      width:100%;
    }
  }

</style>
<div class="layui-container" style='margin:20px auto 20px auto;font: 12px/14px arial,helvetica,sans-serif;'>
  <div class="layui-card">
        <span class="layui-breadcrumb" lay-separator="/">
          <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
          {foreach $crumbs as $k=>$v }
          <?php if($k!=count($crumbs)-1){?>
          <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
          <?php }else{ ?>
          <a style="font: 12px/14px arial,helvetica,sans-serif;"><cite>{$v['alias_name']}</cite></a>
          <?php } ?>
          {/foreach}
        </span>
    <div class="layui-card-header">
      <h1>案例研究</h1>
    </div>
    <div class="layui-card-body layui-card-phone">
      <div class="layui-row">
        <div class="layui-col-sm9 content-right" style="">
          <div class="blog" style="margin:10px 0px;border:1px solid #ccc;height:200px;padding:10px 0px">
            <a href="/about-us/case-studies/supercharging-efficiency-at-tesla-s-gigafactory-with-lily-bearing/">
              <div class="layui-col-sm3" style="text-align:center;" >
                <img src="{:Config::get('app.images_host')}/images/web/index-blogger.png" style="width:100px;max-height: 140px;margin-top:30px" />
              </div>
              <div class="layui-col-sm9" style="margin-top: 26px">
                <h4 style="color:black;font-size:16px">采用养贞轴承的特斯拉超级工厂的增压效率</h4>
                <span class="date">

                </span>
                <p style='color: #333;line-height: 24px;margin-top: 10px'>
                  特斯拉是全球公认的电动汽车制造和清洁能源解决方案的开拓者。其制造能力的核心是Gigafactory，这是一家超现代化的生产设施，专为大批量、高效的电动汽车生产而设计...
                </p>
              </div>
              <div style="clear:both;"></div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{include file="public/footer" /}


